<!DOCTYPE html>
<html>
<head>
	<title>For A Free World - Mobile</title>

	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="stylesheet" href="themes/forafreeworld.min.css" />
	<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" />
	<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>

</head>
<body>

<div data-role="page">

	<div data-role="header">
		<h1>For A Free World - Mobile</h1>
	</div>

	<div role="main" class="ui-content">
		<div id="home" data-role="collapsible" data-collapsed="false">
			<h4>Home</h4> <!-- minipicture of main background -->
			<p>Welcome to Be Free Web Design Studio's Mobile Page !</p>
			<p>Be Free Web Design Studio is a small team which specializes in providing full-scope web services to clients around the Free World of Earth. We are based in Sofia, Bulgaria (Southeastern Europe). Currently the Team consists of Nikolay Ivanov - Web Designer, and Denislav Dimitrov - Web Developer. Some of the services we provide are: Website creation, website updates, redesign, creative design, logo and banner design, security updates, Wordpress site management, database optimization and maintenance, server-side web services.</p>
		</div>

		<div id="about" data-role="collapsible">
			<h4>About Us</h4>
			<p>
				<h4>Nikolay, The Designer</h4> <!-- href minipicture of Niki -->
				I build and design beautiful websites.<br/>
				<h7>Skills:</h7>
				<ul>
				    <li>HTML5</li>
                    <li>CSS3</li>
                    <li>Photoshop</li>
                    <li>Banner Design</li>
                    <li>Responsive Design</li>
                </ul>
			</p>

			<p>
				<h4>Denislav, The Developer</h4> <!-- href minipicture of Deni -->
				I work with APIs, databases and servers.<br/>
				<h7>Skills:</h7>
				<ul>
				    <li>Javascript</li>
                    <li>jQuery and AJAX</li>
                    <li>PHP</li>
                    <li>MySQL</li>
                    <li>CMS / WordPress</li>
                </ul>
			</p>

		</div>

		<div id="process" data-role="collapsible">
			<h4>Process and Workflow</h4>
			<p>We value our customer's time and our own time, this is why we have an informal workflow process in place. It guarantees high-quality deliverables and great resource optimization.</p>
			<ul>
				<li>Meeting You</li><br/>
                <li>Project Planning</li><br/>
                <li>Mockup project build ready</li><br/>
                <li>Client suggestions</li><br/>
                <li>The Hardcore Coding</li><br/>
                <li>Performance Optimization</li><br/>
                <li>Draft Deliverable ready</li><br/>
                <li>Client Review and Final Product</li><br/>
            </ul>
		</div>

		<div id="work" data-role="collapsible">
			<h4>Our Portfolio:</h4>
			Teniskashop | <a href="http://teniskashop.eu/">http://teniskashop.eu/</a><br/>
				<i>Photoshop, HTML5, CSS3, Javascript/jQuery, AJAX, PHP, Apache 2/cPanel</i><br/><br/>

			Academic Boxing Club | <a href="http://academicboxingclub.org/">http://academicboxingclub.org/</a><br/>
				<i>Graphic Design, HTML5, CSS3, Javascript/jQuery, PHP, MySQL</i><br/><br/>

			Kineziterapia.bg | <a href="http://kineziterapia.bg/">http://kineziterapia.bg/</a><br/>
				<i>HTML5, CSS3, Javascript/jQuery, PHP, MySQL</i><br/><br/>

			Extravagant | <a href="http://extravagant.io/">http://extravagant.io/</a><br/>
				<i>Photoshop, HTML5, CSS3, Javascript/jQuery, JS Bootstrap, Javascript History, AJAX, Flash, Responsive Design, Custom Animations, Custom Transitions, Custom UI, Custom Effects/Textures</i><br/><br/>
		</div>

		<div id="contact" data-role="collapsible">
			<h4>Get in touch with us</h4>
			<p>
				<form method="POST" action="http:///forafreeworld.com/#Contact">
                    <input type="text" name="name_short" placeholder="Name">
                    <input type="text" name="email_short" placeholder="Email Address">
                    <textarea name="question_short" placeholder="What do you have in mind"></textarea>
                    <input type="submit" name="submit" value="SEND OVER">
				</form>
			</p>
		</div>

		<br/><hr>
		<span>
			Visit our blog to stay tuned: 
			<a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-a ui-mini" href="http://blog.forafreeworld.com/" target="_blank">Go to Blog (new window)</a>
		</span>

	</div>

	<div data-role="footer">
		<h6>&copy; 2014 FORAFREEWORLD.COM . All rights reserved.</h6>
	</div>
</div>

</body>
</html>